<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Shoutbox</title>
    <link href="../raxan/ui/css/master.css" type="text/css" rel="stylesheet" />
    <!--[if lt IE 8]><link rel="stylesheet" href="../raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
    <link href="../raxan/ui/css/default/theme.css" type="text/css" rel="stylesheet" />
</head>

<body class="prepend-top">
    <div class="container c12">
        <div class="rax-box success round">
            <span class="box-title large">ShoutBox</span>
            <div id="lstShouts">
                <div class="tpm bmb">
                    <span class="right"><a class="remove v:{id}" href="#">Remove</a></span>
                    <h3 class="bottom"><img src="views/images/user.png" width="16" height="16" alt=".." /> {name}</h3>
                    {message}
                </div>
            </div>
            <div id="msg" class="tpm"></div>
            <form id="shoutbox" method="post">
                <label>Name:</label><br />
                <input class="textbox c11" name="name" size="10" /><br />
                <label>Message:</label><br />
                <textarea class="textbox c11" name="message" rows="3" cols="10"></textarea>
                <div class="flashmsg" xt-autoupdate></div>
                <hr />
                <div align="right"><input id="cmdsave" type="submit" class="button" value="Submit" /></div>
            </form>
        </div>
    </div>
</body>

</html>